html,#body{
    width: 100%;
    height: 100%;
    background: #ccc;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.header{
    display: flex;
    width: 100%;
    z-index: 66;
    background: #FFFFFF;
    border-bottom: 1px solid #ccc;   
    .left{
        width: 20%;         
        .weixin{
            width: 100%;                      
          img{
            .px2rem(width,70);
            .px2rem(height,60);
            padding: 5%;
        }  
        }               
        
    }
    .center{
        width: 58%;
        p{
            text-align: center;
            .px2rem(font-size,32);
            padding-top: 1%;
        }
    }
    .right{
        width: 22%;
          .sousuo{
            width: 100%;          
            img{             
              .px2rem(width,70);
              .px2rem(height,60);
               padding-top: 5%;
            }   
          }        
          .quan{
               padding-top: 5%;
               padding-right: 2%; 
            img{
               .px2rem(width,50);
               .px2rem(height,40);
               
            }
                                
          } 
                  
    }
}
.content{
    width: 100%;
    background: #fff;   
    .cont-top{
        width: 100%;
        display: flex;
        .left{
            width: 73%;           
            p{              
                img{
                   .px2rem(width,200);
                   .px2rem(height,200);                    
                    float: left;
                    padding: 2%; 
                }
            }
            h3{
              .px2rem(font-size,38);
               padding-top: 1%;  
            }
            h6{
               .px2rem(font-size,30);              
               color: #eee;  
            }
        }
        .geren{
             width: 27%; 
            p{
              .px2rem(font-size,34);
               padding-top: 35%; 
               float: left; 
               color: #ccc;  
            }
            span{
                color: #ccc;
                float: left; 
                padding-top: 34%;             
                padding-left: 10%;
               .px2rem(font-size,32);
                
            }
        }
    }
    .cont-botm{
        width: 100%;
        display: flex;
        margin-top: 2%;
        dl{
            flex: 1;
            border-right: 1px solid #ccc;
            text-align: center;
            dd{
              .px2rem(font-size,32); 
              color: #ccc; 
              padding: 1%;
            }
        }
        dl:nth-child(3){
            border-right: none;
        } 
    }
}
.xiaoxi{
    width: 100%;
    margin-top: 3%;
    background: #fff;
    .xiao-top{
      display: flex;
      padding-top:2% ;
      border-bottom: 1px solid #ccc;
      .px2rem(line-height,70);
      .xiao-lft{
          width: 90%;        
           img{
                 .px2rem(width,80);
                 .px2rem(height,80);                    
                 float: left;
                 padding: 2%;
                   
             }         
          h3{
             .px2rem(font-size,32); 
             font-weight: 700;
             float: left;
             margin-top: 3%;
          }
      }
      .xiao-rigt{
          width: 10%;
          span{
              color: #ccc;
              .px2rem(font-size,50);
              margin: 30%;
          }
      }
    }
    .xiao-botm{
       width: 100%;
       display: flex;
       color: #ccc;
       .px2rem(line-height,70);
       justify-content: space-between;
       
       h3{        
         padding:0 3%;  
         .px2rem(font-size,28);
         span{
             color: green;
             font-weight: 600;
         }
       }
    }
    .xiao-wei{
       width: 100%;
       display: flex;
       color: #ccc;
       .px2rem(line-height,70);
       justify-content: space-between;
       h4{
         padding:0 3%;  
         .px2rem(font-size,28);
         span{
             color: green;
             font-weight: 600;
         }  
       }
       .renwu{
         width: 22%;
         height: 28px;
         background: green;
         color: #FFFFFF;
         margin: 2%;
         border-radius: 18px;
         p{
           .px2rem(font-size,28);
           text-align: center;
           line-height: 28px;  
         }
       }
    }
}
#caidan{
    width: 100%;
    background: #fff;
    margin-top: 3%;
    .px2rem(height,500);
    z-index: 66;
    padding-bottom: 35%;
    dl{
        width: 25%;
        text-align: center;
        float: left;
        margin-top:3%;
        dt{
            img{
                .px2rem(width,68);
                .px2rem(height,75);
                padding: 2%;
            }
        }
        dd{
            .px2rem(font-size,32)
        }
    }
}
.tail{
    position: fixed;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
     width: 100%;
    ul{
        display: flex;      
        li{
            width: 20%;          
            padding: 3%;  
            img{
              .px2rem(width,90);
              .px2rem(height,78);
                 
            }
        }
    }
}
.shezhi{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #fff;
    .px2rem(height,1350);
    .xiushi{
        width: 100%;
        .px2rem(height,100);
        display: flex;
        h3{
            padding-left: 30%;
            .px2rem(font-size,44);
            font-weight: 600;
            line-height: 10px;
            
        }
        img{
           .px2rem(width,38);
           .px2rem(height,38);
            margin: 4%; 
            display: block;
        }
    }
    .zhanghao{
        width: 100%;
        .px2rem(height,100);
        background: #eee;
        p{
            .px2rem(font-size,40);
            padding: 3%;
            color: #ccc;
        }
    }
    .bangdingzhi{
      width: 100%;
     .px2rem(height,100); 
     background: #fff;
     display: flex;
     justify-content: space-between; 
         p{
           .px2rem(font-size,40);
            padding: 3%;
            width: 80%;  
         }
         img{
             .px2rem(width,50);
             .px2rem(height,50);
            margin: 4%;
            
         }
    }
    
    
}

















